<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Title</title>
    <%@include file="/WEB-INF/views/commons/commons.jsp"%>
    <script src="/static/js/system/dictionary.js"></script>
</head>
<body>

<div id="cc" class="easyui-layout" fit="true">
    <div data-options="region:'west',title:'数据类型',split:true" style="width:500px;">

        <table id="dict_datagrid">
        </table>
    </div>
    <div data-options="region:'center',title:'数据类型明细'" style="padding:5px;background:#eee;">

        <table id="dict_item_datagrid" class="easyui-datagrid">
        </table>
    </div>
</div>

<!--字典工具栏-->
<div id="tb">
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" data-cmd="add">添加</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true" data-cmd="edit">编辑</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true" data-cmd="remove">删除</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true" data-cmd="reload">刷新</a>

</div>

<!--字典添加与编辑的对话框-->
<div id="dict_dialog">
    <!--字典信息的form表单-->
    <form id="dict_form" method="post" style="padding: 22px 0px 0px 50px;">
        <input type="hidden" id="dictId" name="id">
        <table style="border-collapse: separate;border-spacing: 10px;">
            <tr>
                <td>数据类型编号:</td>
                <td><input class="easyui-textbox" type="text" name="sn"></td>
            </tr>

            <tr>
                <td>数据类型名称:</td>
                <td><input class="easyui-textbox" type="text" name="name"></td>
            </tr>
            <tr>
                <td>数据类型简介:</td>
                <td><input class="easyui-textbox" type="text" name="intro"></td>
            </tr>
        </table>
    </form>
</div>

<!--字典添加有编辑的底部按钮-->
<div id="bb">
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save',plain:true" data-cmd="save">保存</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel',plain:true" data-cmd="cancel">取消</a>
</div>



<!--字典明细-->
<!--字典明细工具栏-->
<div id="item_tb">
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" data-cmd="itemadd">添加</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true" data-cmd="itemedit">编辑</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true" data-cmd="itemremove">删除</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true" data-cmd="itemreload">刷新</a>
</div>

<!--字典明细添加与编辑的对话框-->
<div id="dict_item_dialog">
    <!--字典明细信息的form表单-->
    <form id="dict_item_form" method="post" style="padding: 22px 0px 0px 50px;">
        <input type="hidden" id="dictItemId" name="id">
        <table style="border-collapse: separate;border-spacing: 10px;">
            <tr>
                <td>数据类型:</td>
                <td><input id="parentSn" class="easyui-combobox" type="text" name="parent.sn"
                           data-options="url:'/dictionary/queryDict',
                        valueField:'sn',textField:'name',panelHeight:'auto'"/></td>
            </tr>
            <tr>
                <td>明细名称:</td>
                <td><input class="easyui-textbox" type="text" name="name"></td>
            </tr>
            <tr>
                <td>明细简介:</td>
                <td><input class="easyui-textbox" type="text" name="intro"></td>
            </tr>
        </table>
    </form>
</div>


<!--字典明细添加有编辑的底部按钮-->
<div id="item_bb">
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save',plain:true" data-cmd="itemsave">保存</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel',plain:true" data-cmd="itemcancel">取消</a>
</div>

</body>
</html>
